<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <div id="info"></div>
    <script type="text/javascript" src="./lib/jquery.js"></script>
    <script type="text/javascript">
        var userInfo = {
            uname: '张三',
            age: 12,
            gender: '男'
        }
        var str = '<ul><li>' + userInfo.uname + '</li><li>' + userInfo.age + '</li><li>' + userInfo.gender + '</li></ul>';
        //单引号只能套单引号
        $('#info').html(str);
    </script>
</body>

</html>